<!DOCTYPE HTML>
<html>
<head>
    <title>审查页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

    <!-- Bootstrap Core CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel='stylesheet' type='text/css' />

    <!-- Custom CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />

    <!-- font-awesome icons CSS -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
    <link href='css/new-goods.css' media='all' rel='stylesheet' type='text/css'/>
    <!-- //font-awesome icons CSS -->

    <!-- side nav css file -->
    <link href='css/SidebarNav.min.css' media='all' rel='stylesheet' type='text/css'/>
    <!-- side nav css file -->
    <link href='css/commodity.css' media='all' rel='stylesheet' type='text/css'/>

    <!-- js-->
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.1.min.js"></script>
    <script src="js/modernizr.custom.js">
    </script>

    <!--webfonts-->
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
    <!--//webfonts-->

    <!-- Metis Menu -->
    <script src="js/metisMenu.min.js"></script>
    <script src="js/custom.js"></script>
    <link href="css/custom.css" rel="stylesheet">
    <!--//Metis Menu -->

    <!-- calendar -->
    <link rel="stylesheet" href="css/monthly.css">
    <!-- //calendar -->

</head>
<body class="cbp-spmenu-push">
<div class="main-content">
    <div class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
        <!--left-fixed -navigation-->
        <aside class="sidebar-left">
            <nav class="navbar navbar-inverse">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".collapse" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h1><a class="navbar-brand" href="#"><span class="fa fa-area-chart"></span>朝阳区市容智能审查系统</a></h1>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="sidebar-menu">
                        <li class="header">申请 门面装饰/牌匾 平台</li>

                        <li class="apply">
                            <a href="#">
                                <i class="fa fa-folder"></i> <span>申请管理</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="apply.html"><i class="fa fa-angle-right"></i>申请管理</a></li>
                            </ul>
                        </li>

                        <li class="audit">
                            <a href="#">
                                <i class="fa fa-folder"></i> <span>审查管理</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="audit.html"><i class="fa fa-angle-right"></i>审查管理</a></li>
                            </ul>
                        </li>



                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
        </aside>
    </div>
    <!--left-fixed -navigation-->

    <!-- header-starts -->
    <div class="sticky-header header-section ">
        <div class="header-left">

            <!--toggle button start-->
            <button id="showLeftPush"><i class="fa fa-bars"></i></button>

            <div class="clearfix"> </div>
        </div>

        <div class="clearfix"> </div>
    </div>
    <!-- //header-ends -->
    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <div class="palette">
                <span class="pull-left mar-r-5 mar-t-8"><i class="fa fa-th mar-r-5"></i>按条件检索</span>
                <form action="/plaque/excel/export"  enctype="mutltipart/form-data"  method="post"  style="width: 100%">
                    <input class="palette-input" style="width: 18%"  type="text" name="queryName" id="queryName"  placeholder="输入审查单号、票据名称">
                    <input class="palette-input" type="date"  name="beginDate" id="beginDate">
                    <input class="palette-input" type="date"  name="overDate" id="overDate">
                    <button type="submit"  class="pull-right btn btn-primary btn-flat btn-pri"  onclick="excel()"><i class="fa fa-file-text "></i>导出</button>
                    <button type="button"  class="pull-right btn btn-primary btn-flat btn-pri mar-r-5" onclick="queryApplyList()"><i class="fa fa-search"></i>查询</button>
                </form>
            </div>
            <div class="elements">
                <div class="col-sm-12 w3-agileits-crd widgettable">
                    <div class="card">
                        <div class="card-body">
                            <div class="agileinfo-cdr">

                                <div class="card-header">
                                    <h3>
                                        <span class="mar-t-8 line-height35">审查管理</span>
                                    </h3>

                                </div>
                                <hr class="widget-separator">

                                <div class="widget-body">
                                    <table id="applyList" class="table table-bordered" >

                                    </table>
                                    <ul id="queryList" class="pagination pagination-lg">
                                    </ul>
                                </div>
                                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                                    <div class="modal-dialog-a" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                <h4 class="modal-title" id="exampleModalLabel">申请详情</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="auditImgYes" id="auditImg">
                                                </div>
                                                <form id="uploadPic" name="uploadPic" enctype="multipart/form-data" class="form-horizontal">

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请票据编号：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyNo" placeholder="请输入票据编号">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请票据名称：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyName" placeholder="请输入票据名称">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请单位名称：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyCompanyName" placeholder="请输入单位名称">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">审查类型：</label>
                                                        <div class="col-sm-3">
                                                            <select id="applyType" class="palette-input" type="text" required>
                                                                <option style="text-align: center" value=1>门面装饰</option>
                                                                <option style="text-align: center" value=2>牌匾</option>
                                                            </select>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请单位联系人：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyPerson" placeholder="请输入单位联系人">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请单位地址：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyAddr" placeholder="请输入标题单位地址">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请单位电话：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyPhone" placeholder="请输入单位电话">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label for="focusedinput" class="col-sm-3 control-label">申请单位街道：</label>
                                                        <div class="col-sm-3">
                                                            <input type="text" class="form-control1" id="applyStreet" placeholder="请输入单位街道">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">申请盖章图片：</label>
                                                        <div class="col-sm-3">
                                                            <img id="image" src="images/z_add.png" width="100px" height="100px">
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">图片信息：</label>
                                                        <div class="col-sm-8">
                                                            <div class="img-box full">
                                                                <section class=" img-section">
                                                                    <p class="up-p">注：<span class="up-span">最多可以上传15张图片，马上上传</span></p>
                                                                    <div id="lunbo" class="z_photo upimg-div clear" >
                                                                        <section class=" img-section">
                                                                            <p class="up-p">注：<span class="up-span">十二个类别，请按照分类上传</span></p>
                                                                            <div  class="z_photo upimg-div clear" >
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(1)"></span>
                                                                                    <img class="up-img" src="img/type-1.png" >
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(2)"></span>
                                                                                    <img class="up-img" src="img/type-2.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(3)"></span>
                                                                                    <img class="up-img" src="img/type-3.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(4)"></span>
                                                                                    <img class="up-img" src="img/type-4.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(5)"></span>
                                                                                    <img class="up-img" src="img/type-5.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(6)"></span>
                                                                                    <img class="up-img" src="img/type-6.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(7)"></span>
                                                                                    <img class="up-img" src="img/type-7.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(8)"></span>
                                                                                    <img class="up-img" src="img/type-8.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(9)"></span>
                                                                                    <img class="up-img" src="img/type-9.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(10)"></span>
                                                                                    <img class="up-img" src="img/type-10.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(11)"></span>
                                                                                    <img class="up-img" src="img/type-11.png">
                                                                                </section>
                                                                                <section class="up-section fl">
                                                                                    <span class="up-span" onclick="choiceImg(12)"></span>
                                                                                    <img class="up-img" src="img/type-12.png">
                                                                                </section>
                                                                            </div>
                                                                        </section>
                                                                    </div>
                                                                </section>
                                                            </div>
                                                            <aside class="mask works-mask">
                                                                <div class="mask-content">
                                                                    <p class="del-p ">您确定要删除作品图片吗？</p>
                                                                    <p class="check-p"><span class="del-com wsdel-ok">确定</span><span class="wsdel-no">取消</span></p>
                                                                </div>
                                                            </aside>
                                                        </div>
                                                        <div class="col-sm-3" style="margin-left:270px;">
                                                            <div class="checkbox-inline1 padding-15">支持jpg、rgb、png格式</div>
                                                        </div>
                                                    </div>

                                                    <!--<div class="form-group">
                                                        <label class="col-sm-3 control-label">盖章图片</label>
                                                        <div class="col-sm-2">
                                                            <input type="file" name="file" style="display: none;"  onchange="setAuditImgUrl(this.value)" multiple="multiple" accept="image/*">
                                                            <input id="uploadAuditImg" type="button" value="上传照片" onclick="document.uploadPic.file.click()">
                                                            <img id="certifiedImgUrlSuc" src="/images/z_add.png" width="100px" height="100px">
                                                        </div>
                                                    </div>-->

                                                    <div class="form-group">
                                                        <label class="col-sm-3 control-label">审查意见：</label>
                                                        <div class="col-sm-3">
                                                            <textarea  id="auditDesc" placeholder="请输入审查意见" style="margin: 0px; width: 540px; height: 143px;resize:none" ></textarea>
                                                        </div>
                                                    </div>

                                                    <input type="file" id="exportPdf" webkitdirectory directory/>
                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-primary" id="btn1" onclick="updateState(2)">通过</button>
                                                <!--<button type="button" class="btn btn-primary" id="btn2" onclick="updateState(3)">不通过</button>-->
                                                <button type="button" class="btn btn-primary" id="btn3" onclick="updateState(1)">退回修改</button>
                                                <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--photoday-section-->
                <div class="clearfix"></div>

                <!--//photoday-section-->


            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p>明远科技有限公司</p>
    </div>
    <!--//footer-->
</div>

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
        showLeftPush = document.getElementById( 'showLeftPush' ),
        body = document.body;

    showLeftPush.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( body, 'cbp-spmenu-push-toright' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeftPush' );
    };

    function disableOther( button ) {
        if( button !== 'showLeftPush' ) {
            classie.toggle( showLeftPush, 'disabled' );
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<script src="js/factory/config.js"></script>
<script src="js/factory/audit.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"> </script>
<style type="text/css">
    .auditImgYes {
        width: 400px;
        height:400px;
        position:fixed;
        background: url(http://localhost:8080/plaque/images/spYes.png) no-repeat;
        margin : 100px 400px 400px 450px;
    }
    .auditImgNo {
        width: 400px;
        height:400px;
        position:fixed;
        background: url(http://localhost:8080/plaque/images/spNo.png) no-repeat;
        margin : 100px 400px 400px 450px;
    }
</style>
</body>
</html>